.confirm-main {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: #f8f8f8;

    .confirm-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 80rpx;
        left: 0;

        overflow-x: auto;

        .cell-icon-img {
            width: 14rpx;
            height: 25rpx;

            &.ver-top {
                vertical-align: text-top;
            }

            image {
                width: 100%;
                height: 100%;
            }
        }

        .goods {
            margin: 18rpx 0;
            padding: 29rpx;

            background-color: #ffffff;
        }

        .other-info {
            margin-bottom: 18rpx;

            background: #ffffff;

            .other-info-item {
                display: flex;
                align-items: center;
                justify-content: space-between;

                padding: 33rpx 29rpx 29rpx;

                border-bottom: 2rpx solid #f5f5f5;

                font-size: 29rpx;

                .other-info-item-right {
                    min-width: 260rpx;

                    text-align: right;

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 600;
                }

                .price {
                    color: #fe292b;
                }

                .placeholder {
                    color: #999999;
                }

                .img-icon {
                    width: 11rpx;
                    height: 18rpx;
                    margin-left: 18rpx;
                }
            }
        }

        .remark {
            display: flex;
            justify-content: space-between;

            padding: 29rpx;

            background: #ffffff;

            font-size: 29rpx;

            .remark-content {
                display: inline-block;
                overflow: hidden;

                width: 435rpx;
                margin-right: 16rpx;

                text-align: right;
                white-space: nowrap;
                text-overflow: ellipsis;

                font-family: PingFangSC-Regular, PingFang SC;
            }

            .remark-content-none {
                display: inline-block;
                overflow: hidden;

                margin-right: 16rpx;

                text-align: right;

                color: #999999;

                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
            }
        }
    }

    .pay-footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        padding-bottom: var(--safe-area-inset-bottom);

        background: #ffffff;

        .pay-footer-info {
            display: flex;
            align-items: center;
            justify-content: space-between;

            padding: 11rpx 29rpx 13rpx;

            box-shadow: 0rpx -4rpx 7rpx 0rpx rgba(153, 153, 153, 0.08);

            .pay-footer-info-text {
                padding-right: 14rpx;

                font-size: 25rpx;
            }

            .pay-footer-info-price {
                color: #fe292b;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 36rpx;
                font-weight: 600;
            }

            .pay-footer-info-icon {
                font-size: 24rpx;
            }

            .pay-button {
                padding: 14rpx 40rpx;

                color: #ffffff;
                border-radius: 36px;
                background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);

                font-size: 25rpx;
            }
        }
    }

    .out-stock-popup {
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        background: rgba(51, 51, 51, 0.5);

        .out-stock-content {
            position: absolute;
            top: 50%;
            left: 50%;

            width: 572rpx;
            padding: 45rpx 42rpx 43rpx;

            transform: translate(-50%, -50%);
            text-align: center;

            border-radius: 22rpx;
            background: #ffffff;

            .stock-title {
                padding-bottom: 31rpx;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 27rpx;
                font-weight: 600;
            }

            .stock-list {
                display: flex;
                flex-wrap: wrap;

                // justify-content: space-between;
                .stock-img {
                    overflow: hidden;

                    width: 127rpx;
                    height: 127rpx;
                    margin-right: 18rpx;

                    border-radius: 7rpx;
                }

                .stock-img:nth-child(4n) {
                    margin-right: 0rpx;
                }
            }

            .button {
                width: 181rpx;
                height: 65rpx;
                margin: 43rpx auto 0;

                color: #ffffff;
                border-radius: 36rpx;
                background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);

                font-size: 25rpx;
                line-height: 62rpx;
            }
        }
    }

    .popup-bg {
        position: relative;

        min-height: 518rpx;
        padding: 29rpx 29rpx 0;
        padding-bottom: 56rpx;

        border-radius: 22rpx 22rpx 0px 0px;
        background-color: #ffffff;

        .close-img {
            position: absolute;
            top: 29rpx;
            right: 29rpx;

            width: 22rpx;
            height: 22rpx;
        }

        .popup-title {
            text-align: center;

            color: #333333;

            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 31rpx;
            font-weight: 500;
            line-height: 43rpx;
        }

        .remark-text {
            width: auto;
            height: 236rpx;
            margin: 54rpx 0;
            padding: 22rpx;

            border: 2rpx solid #f5f5f5;

            font-size: 25rpx;
            line-height: 36rpx;
        }

        .point-part {
            margin-top: 11rpx;

            .point-item {
                display: flex;
                justify-content: space-between;

                margin-top: 40rpx;

                color: #333333;

                font-size: 25rpx;
                font-weight: 400;

                .point-num {
                    color: #fe292b;

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-size: 25rpx;
                    font-weight: 500;
                }

                .img {
                    width: 36rpx;
                    height: 36rpx;
                    margin-left: 30rpx;

                    vertical-align: sub;
                }
            }
        }

        .popup-btn {
            position: absolute;
            bottom: 56rpx;

            width: 692rpx;
            height: 80rpx;

            text-align: center;

            color: #ffffff;
            border-radius: 40rpx;
            background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);

            font-size: 29rpx;
            font-weight: 500;
            line-height: 80rpx;
        }
    }
}
